<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>iSmiler</title>
		<link href="css/master.css" rel="stylesheet">

		<!-- SWITCHER -->
		<link rel="stylesheet" id="switcher-css" type="text/css" href="assets/switcher/css/switcher.css" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/color1.css" title="color1" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/color2.css" title="color2" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/color3.css" title="color3" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/color4.css" title="color4" media="all" />

	</head>
	<body>
		<div class="b-page">
			<!-- Start Switcher -->
			<div class="switcher-wrapper">
				<div class="demo_changer">
					<div class="demo-icon customBgColor">
						<i class="fa fa-cog fa-spin fa-2x"></i>
					</div>
					<div class="form_holder">
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="predefined_styles">
									<div class="skin-theme-switcher">
										<h4>Color</h4>
										<a href="#" data-switchcolor="color1" class="styleswitch" style="background-color:#e24545;"> </a>
										<a href="#" data-switchcolor="color2" class="styleswitch" style="background-color:#0072bc;"> </a>
										<a href="#" data-switchcolor="color3" class="styleswitch" style="background-color:#ff9600;"> </a>
										<a href="#" data-switchcolor="color4" class="styleswitch" style="background-color:#01a664;"> </a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Switcher -->
			<header>
				<div class="b-top-line">
					<div class="container">
						<div class="row">
							<div class="col-sm-12 clearfix">
								<div class="b-top-options pull-left">
									<div class="nav">
										<ul class="list-inline">
											<li class="dropdown">
												<div class="btn-group">
													<button class="dropdown-toggle" data-toggle="dropdown" type="button" aria-expanded="false">
														<span class="flag-icon flag-icon-gb"></span>
														ENG
														<i class="fa fa-angle-down"></i>
													</button>
													<ul class="dropdown-menu dropdown-menu-left" role="menu">
														<li>
															<a href="javascript:void(0);"><span class="flag-icon flag-icon-gb"></span> ENG</a>
														</li>
														<li class="li-last">
															<a href="javascript:void(0);"><span class="flag-icon flag-icon-fr"></span> FR</a>
														</li>
													</ul>
												</div>
											</li>
											<li class="dropdown">
												<div class="btn-group">
													<button class="dropdown-toggle" data-toggle="dropdown" type="button" aria-expanded="false">
														USD
														<i class="fa fa-angle-down"></i>
													</button>
													<ul class="dropdown-menu dropdown-menu-left" role="menu">
														<li>
															<a href="javascript:void(0);">USD</a>
														</li>
														<li class="li-last">
															<a href="javascript:void(0);">EURO</a>
														</li>
													</ul>
												</div>
											</li>
											<li class="dropdown">
												<div class="btn-group">
													<button class="dropdown-toggle" data-toggle="dropdown" title="My Account">
														<span>My Account</span>
														<i class="fa fa-angle-down"></i>
													</button>
													<ul class="dropdown-menu dropdown-menu-right">
														<li><a href="#"><i class="fa fa-unlock"></i>Login</a></li>
														<li><a href="#"><i class="fa fa-user"></i>Create Account</a></li>
														<li><a href="#"><i class="fa fa-heart"></i>My Wishlist</a></li>
														<li><a href="#"><i class="fa fa-shopping-cart"></i>My Shopping Cart</a></li>
														<li><a href="#"><i class="fa fa-arrow-left"></i>Checkout</a></li>
													</ul>
												</div>
											</li>
										</ul>
									</div>
								</div>
								<div class="b-top-info pull-right">
									<div class="nav">
										<ul class="list-inline">
											<li>
												<span><i class="fa fa-phone"></i>(0) 123 456 7890</span>
											</li>
											<li>
												<span><i class="fa fa-envelope-o"></i>order@domain.net</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="b-header-main">
					<div class="container">
						<div class="row">
							<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2">
								<div class="b-logo">
									<a href="home-1.html">
										<span>iSmile</span>
										<br>
										<span>store</span>
									</a>
								</div>
							</div>
							<div id="toggle-nav" class="col-xs-12 col-sm-10 col-md-8 col-lg-8 menu-wrapper clearfix">
								<div class="toggle-nav-btn">
									<button class="btn btn-menu"><i class="fa fa-bars fa-lg"></i></button>
								</div>
								<div class="b-header-menu pull-right">
									<ul class="list-inline">
										<li>
											<a class="heading-line" href="home-1.html">HOME</a>
											<div class="b-all-homes">
												<ul class="list-unstyled">
													<li>
														<a class="heading-line" href="home-2.html">HOME 2</a>
													</li>
													<li>
														<a class="heading-line" href="home-3.html">HOME 3</a>
													</li>
												</ul>
											</div>
										</li>
										<li id="all-menu-open">
											<a class="heading-line" href="category-1-grid.html">all brands <i class="fa fa-angle-down"></i></a>
											<div id="b-all-menu" class="hidden-xs">
												<div class="row">
													<div class="clearfix">
														<div class="all-menu-holder col-sm-12">
															<div class="row">
																<div class="all-menu-content clearfix">
																	<div class="col-sm-4 col-md-6 col-lg-4">
																		<div class="all-menu-offer">
																			<a href="#"><img src="media/offers/all-menu1.jpg" class="img-responsive" alt="/"></a>
																		</div>
																	</div>
																	<div class="col-sm-8 col-md-6 col-lg-8">
																		<div class="all-menu-list">
																			<div class="row">
																				<div class="all-menu-item-holder col-sm-4">
																					<div class="all-menu-item">
																						<div class="all-menu-title">
																							Featured phones
																						</div>
																						<ul class="list-unstyled">
																							<li>
																								<a href="#">Galaxy S Series</a>
																							</li>
																							<li>
																								<a href="#">Galaxy Note Series</a>
																							</li>
																							<li>
																								<a href="#">Apple iPhone</a>
																							</li>
																							<li>
																								<a href="#">Sony Xperia Series</a>
																							</li>
																						</ul>
																					</div>
																					<div class="all-menu-item item-mod">
																						<div class="all-menu-title">
																							operating system
																						</div>
																						<ul class="list-unstyled">
																							<li>
																								<a href="#">Google Android</a>
																							</li>
																							<li>
																								<a href="#">Apple iOS</a>
																							</li>
																						</ul>
																					</div>
																				</div>
																				<div class="all-menu-item-holder col-sm-4">
																					<div class="all-menu-item">
																						<div class="all-menu-title">
																							popular Brands
																						</div>
																						<ul class="list-unstyled">
																							<li>
																								<a href="#">Apple iPhone</a>
																							</li>
																							<li>
																								<a href="#">Samsung</a>
																							</li>
																							<li>
																								<a href="#">HTC</a>
																							</li>
																							<li>
																								<a href="#">Microsoft / Nokia</a>
																							</li>
																							<li>
																								<a href="#">Huawei</a>
																							</li>
																							<li>
																								<a href="#">Oppo</a>
																							</li>
																							<li>
																								<a href="#">Motorola</a>
																							</li>
																							<li>
																								<a href="#">LG Electronics</a>
																							</li>
																							<li>
																								<a href="#">Blackberry</a>
																							</li>
																						</ul>
																					</div>
																				</div>
																				<div class="all-menu-item-holder col-sm-4">
																					<div class="all-menu-item">
																						<div class="all-menu-title">
																							promotions
																						</div>
																						<ul class="list-unstyled">
																							<li>
																								<a href="#">Hot Deals</a>
																							</li>
																							<li>
																								<a href="#">Latest Products</a>
																							</li>
																							<li>
																								<a href="#">Clearance Sale</a>
																							</li>
																						</ul>
																					</div>
																					<div class="all-menu-item">
																						<div class="all-menu-offer">
																							<a href="#"><img src="media/offers/all-menu2.jpg" class="img-responsive center-block" alt="/"></a>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li>
											<a class="heading-line" href="#">categories</a>
											<div class="b-all-homes">
												<ul class="list-unstyled">
													<li>
														<a class="heading-line" href="category-1-grid.html">CATEGORY 1</a>
													</li>
													<li>
														<a class="heading-line" href="category-2-grid.html">CATEGORY 2</a>
													</li>
													<li>
														<a class="heading-line" href="category-3-list.html">CATEGORY 3</a>
													</li>
													<li>
														<a class="heading-line" href="category-4-list.html">CATEGORY 4</a>
													</li>
												</ul>
											</div>
										</li>
										<li>
											<a class="heading-line" href="#">products</a>
											<div class="b-all-homes">
												<ul class="list-unstyled">
													<li>
														<a class="heading-line" href="product-details.html">PRODUCT 1</a>
													</li>
													<li>
														<a class="heading-line" href="product-details-2.html">PRODUCT 2</a>
													</li>
												</ul>
											</div>
										</li>
										<li>
											<a class="heading-line" href="#">about</a>
										</li>
										<li>
											<a class="heading-line" href="blog-main.html">blog</a>
											<div class="b-all-homes">
												<ul class="list-unstyled">
													<li>
														<a class="heading-line" href="blog-main.html">BLOG MAIN</a>
													</li>
													<li>
														<a class="heading-line" href="blog-post.html">BLOG POST</a>
													</li>
												</ul>
											</div>
										</li>
										<li>
											<a class="heading-line" href="contact.html">Contact</a>
										</li>
										<li>
											<a class="heading-line" href="javascript:void(0);">Pages</a>
											<div class="b-all-homes">
												<ul class="list-unstyled">
													<li>
														<a class="heading-line" href="shopping-cart.html">cart</a>
													</li>
													<li>
														<a class="heading-line" href="my-wishlist.html">wishlist</a>
													</li>
													<li>
														<a class="heading-line" href="typography.html">typography</a>
													</li>
													<li>
														<a class="heading-line" href="404.html">404</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="search">
											<a id="search-open" class="iconSearch" href="#"><i class="fa fa-search"></i></a>
											<div id="search">
												<form action="#" method="post">
													<div class="form-group">
														<input id="searchQuery" type="search" placeholder="Search...">
													</div>
												</form>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div id="cart-wrapper" class="col-xs-6 col-sm-12 col-md-2 col-lg-2">
								<div class="b-cart pull-right">
									<button id="cart" class="btn btn-default-color1 btn-sm">
										<span class="price"><i class="fa fa-shopping-bag"></i> $ 460.00</span>
										<span class="counter-wrapper"><span class="counter">2</span></span>
									</button>
									<div class="cart-products">
										<div class="c-holder">
											<h3 class="title">
												my shopping cart
											</h3>
											<ul class="products-list list-unstyled">
												<li>
													<div class="b-cart-table ">
														<a href="#" class="image">
															<img src="media/cart-products/product1.jpg" alt="/">
														</a>
														<div class="caption">
															<a class="product-name" href="#">Huawei Mate S</a>
															<span class="product-price">1 x $280.00</span>
															<div class="rating">
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star star-empty"><i class="fa fa-star-o"></i></span>
															</div>
														</div>
														<button class="btn btn-remove"><i class="fa fa-trash fa-lg"></i></button>
													</div>
												</li>
												<li>
													<div class="b-cart-table ">
														<a href="#" class="image">
															<img src="media/cart-products/product2.jpg" alt="/">
														</a>
														<div class="caption">
															<a class="product-name" href="#">Sony xperia z5</a>
															<span class="product-price">1 x $620.00</span>
															<div class="rating">
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star"><i class="fa fa-star"></i></span>
																<span class="star star-empty"><i class="fa fa-star-o"></i></span>
															</div>
														</div>
														<button class="btn btn-remove"><i class="fa fa-trash fa-lg"></i></button>
													</div>
												</li>
												<li>
													<div class="products-subtotal text-right">
														Cart Subtotal <span class="subtotal-price">$900.00</span>
													</div>
												</li>
											</ul>
											<div class="products-buttons text-center">
												<button type="button" class="btn btn-default-color1 btn-sm">view cart</button>
												<button type="button" class="btn btn-primary-color2 btn-sm">Checkout</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>
			<section class="section-typography">
				<div class="b-headings container">
					<div class="row">
						<div class="col-sm-5">
							<p class="heading-light">Bold Headings</p>
							<h1><strong>H1. Bootstrap heading</strong></h1>
							<h2><strong>H2. Bootstrap heading</strong></h2>
							<h3><strong>H3. Bootstrap heading</strong></h3>
							<h4><strong>H4. Bootstrap heading</strong></h4>
							<h5><strong>H5. Bootstrap heading</strong></h5>
							<h6><strong>H6. Bootstrap heading</strong></h6>
						</div>
						<div class="col-sm-2"></div>
						<div class="col-sm-5">
							<p class="heading-light">Light / Regular Headings</p>
							<h1>H1. Bootstrap heading</h1>
							<h2>H2. Bootstrap heading</h2>
							<h3>H3. Bootstrap heading</h3>
							<h4>H4. Bootstrap heading</h4>
							<h5>H5. Bootstrap heading</h5>
							<h6>H6. Bootstrap heading</h6>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<h3 class="heading-line">
								Heading with underline
							</h3>
							<div class="b-text">
								<p>
									Lorem ipsum dolor sit amet feugiat delicata liberavisse id cum no quo maiorum intellegebat liber regione eu sit. Mea cu case ludus integre vide viderer eleifend ex mea. Sed his atmu soluta
									regione diceret cum et atqui placerat petentium. Per amet nonumy periculis ei. Deleniti apeirian temporibus eam ad mea ipsum sadipscing, sed ex assum omnium conten dac tiones. Nobis
									suavitate moderatius has eu epicuri ancillae pericula ei nam ferri ipsum quaeque est ex omnis menandri conceptam his.
								</p>
							</div>
						</div>
						<div class="col-sm-12">
							<p class="heading-light">Highlights</p>
						</div>
						<div class="b-highlights col-sm-6">
							<p>Lorem ipsum dolor sit amet <span  class="highlight-primary">feugiat delicata liberavisse id cum  </span>eusimod dui tempor </p>
							<p>Lorem ipsum dolor sit amet <span class="highlight-secondary">feugiat delicata liberavisse id cum  </span>eusimod dui tempor </p>
							<p>Lorem ipsum dolor sit amet <span class="highlight-dotted">feugiat delicata liberavisse id cum  </span>  eusimod dui tempor </p>
						</div>
						<div class="b-highlights col-sm-6">
							<p>Lorem ipsum dolor sit amet <span class="highlight-primary-nobg">feugiat delicata liberavisse id cum  </span>eusimod dui tempor </p>
							<p>Lorem ipsum dolor sit amet <span class="highlight-secondary-nobg">feugiat delicata liberavisse id cum  </span>eusimod dui tempor </p>
							<p>Lorem ipsum dolor sit amet <span class="highlight-warning-nobg">feugiat delicata liberavisse id cum  </span>eusimod dui tempor </p>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Text Tooltips</p>
							<div class="b-tooltips">
								<p>Lorem ipsum dolor sit amet <span class="red-tooltip" data-toggle="tooltip" data-placement="top" title="your text here">deugiat delicata liberavisse</span> id cum eusimod dui tempor incididunt ut labore et <span class="black-tooltip" data-toggle="tooltip" data-placement="top" title="your text here"> dolore magna aliqua</span>. Ut enim ad minim veniam, quis nostrud exercitation</p>
							</div>
						</div>
					</div>
				</div>
				<div class="b-list-styles container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">List Styles</p>
						</div>
						<div class="col-sm-4">
							<div class="b-list check-circle-o">
								<ul class="list-unstyled">
									<li>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li>Nullam id dolor in ex eleifend tempus.</li>
									<li>Etiam id lorem vel neque faucibus fermentum.</li>
									<li>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="b-list long-arrow-right">
								<ul class="list-unstyled">
									<li>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li>Nullam id dolor in ex eleifend tempus.</li>
									<li>Etiam id lorem vel neque faucibus fermentum.</li>
									<li>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="b-list l-checked">
								<ul class="list-unstyled">
									<li class="l-check">Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li class="l-check">Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li class="l-check">Nullam id dolor in ex eleifend tempus.</li>
									<li class="l-not-check">Etiam id lorem vel neque faucibus fermentum.</li>
									<li class="l-check">Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<div class="b-list chevron">
								<ul class="list-unstyled">
									<li>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li>Nullam id dolor in ex eleifend tempus.</li>
									<li>Etiam id lorem vel neque faucibus fermentum.</li>
									<li>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="b-list l-checked-square">
								<ul class="list-unstyled">
									<li class="l-check-square">Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li class="l-check-square">Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li class="l-check-square">Nullam id dolor in ex eleifend tempus.</li>
									<li class="l-not-check-square">Etiam id lorem vel neque faucibus fermentum.</li>
									<li class="l-check-square">Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="b-list heart-o">
								<ul class="list-unstyled">
									<li>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li>Nullam id dolor in ex eleifend tempus.</li>
									<li>Etiam id lorem vel neque faucibus fermentum.</li>
									<li>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<div class="b-list l-numered">
								<ul class="list-unstyled">
									<li><span class="l-num">1. </span>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li><span class="l-num">2. </span>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li><span class="l-num">3. </span>Nullam id dolor in ex eleifend tempus.</li>
									<li><span class="l-num">4. </span>Etiam id lorem vel neque faucibus fermentum.</li>
									<li><span class="l-num">5. </span>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="b-list l-numered-circle">
								<ul class="list-unstyled">
									<li><span class="l-num-circle">1</span>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li><span class="l-num-circle">2</span>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li><span class="l-num-circle">3</span>Nullam id dolor in ex eleifend tempus.</li>
									<li><span class="l-num-circle">4</span>Etiam id lorem vel neque faucibus fermentum.</li>
									<li><span class="l-num-circle">5</span>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="b-list l-circle">
								<ul class="list-unstyled">
									<li>Phasellus sit amet velit auctor turpis rhoncus.</li>
									<li>Phasellus sed dolor sodales, eleifend ipsum eu.</li>
									<li>Nullam id dolor in ex eleifend tempus.</li>
									<li>Etiam id lorem vel neque faucibus fermentum.</li>
									<li>Nunc tincidunt augue in enim sollicitudin feugiat.</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="b-dropcaps container">
					<div class="row">
						<div class="col-sm-6">
							<p class="heading-light">Round Dropcap</p>
							<article class="b-round-dropcap">
								<div class="round-dropcap">
									F
								</div>
								<div class="b-text">
									<p>
										Dolor sit amet, consectetur adipiscing elit. Ut sed bibendum leo. Mauris mau
										massa, eleifend et purus vel feugiat rutrum nulla. Cras vitae est vel ipsum fau
										bus fermentum a ultricies urna cum sociis.
									</p>
									<p>
										Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut sed bibendum leo. Mauris ma
										massa eleifend et purus vel feugiat rutrum nulla. Cras vitae est vel ipsum faucibus ferme
										aultricies urna cum sociis natoque penatibus.
									</p>
								</div>
							</article>
						</div>
						<div class="col-sm-6">
							<p class="heading-light">Square Dropcap</p>
							<article class="b-square-dropcap">
								<div class="square-dropcap">
									F
								</div>
								<div class="b-text">
									<p>
										Dolor sit amet consectetur adipiscing elit ut sed bibenum leo. Mauris mauris as
										sa eleifend et purus vel feugiat rutrum nulla.
									</p>
									<p>
										Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut sed bibendum leo mauris
										massa, eleifend et purus vel, feugiat rutrum nulla. Cras vitae est vel ipsum faucibus ferm
										aultricies urna. Cum sociis natoque penatibus et magnis dis parturient montes nascetu
										ridiculus mus mauris pellentesque dolor eu est gravida.
									</p>
								</div>
							</article>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="b-blockquotes container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Blockquote Style</p>
						</div>
						<div class="b-blockquote-holder col-sm-12">
							<div class="b-blockquote-fa-quote">
								<span class="quote-icon"><i class="fa fa-quote-left fa-3x"></i></span>
								<p class="quote-text">
									Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do
									eiusmod tempor incididunt ut labore et dolore.
									<span class="quote-author">Quote By Name</span>
								</p>
							</div>
						</div>
						<div class="b-blockquote-holder col-sm-12">
							<div class="b-blockquote-left-border">
								<p class="quote-text">
									“Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do
									eiusmod tempor incididunt ut labore et dolore.”
									<span class="quote-author">Quote By Name</span>
								</p>
							</div>
						</div>
						<div class="b-blockquote-holder col-sm-12">
							<div class="quote-circle-long">
								<div class="b-blockquote-fa-quote-circle">
									<div class="circle-block clearfix col-sm-3">
										<span class="quote-icon"><i class="fa fa-quote-left"></i></span>
										<p class="circle-author">
											<span class="circle-quote-author">Alex hasman</span>
											<br>
											<span class="circle-author-role">customer</span>
										</p>
									</div>
									<div class="circle-text col-sm-9">
										<p class="quote-text">
											Lorem ipsum dolor sit amet consectetur adipisicing elit sed eius mod tempor incididunt uat labore et dolore magna aliqua.
											Ut enimand minim veniam quis nostrud exercitation ulllamcn laboris nisiut aliquipex commodo sed ipsum sed do eiusmod
											tempor incididunt ut labore et dolore magna aliqua.
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="b-blockquote-holder col-sm-6">
							<div class="b-blockquote-fa-quote-circle quote-circle-mod-1">
								<div class="circle-text">
									<p class="quote-text">
										Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eius
										mod tempor incididunt uat labore et dolore magna aliqua. Ut enim
										and minim veniam quis nostrud exercitation ulllamcn laboris nisiut
										aliquipex commodo sed ipsum consequat.
									</p>
								</div>
								<div class="circle-block clearfix">
									<p class="circle-author">
										<span class="circle-quote-author">Alex hasman</span>
										<br>
										<span class="circle-author-role">customer</span>
									</p>
									<span class="quote-icon"><i class="fa fa-quote-right"></i></span>
								</div>
							</div>
						</div>
						<div class="b-blockquote-holder  col-sm-6">
							<div class="b-blockquote-fa-quote-circle quote-circle-mod-2">
								<div class="circle-text">
									<p class="quote-text">
										Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eius
										mod tempor incididunt uat labore et dolore magna aliqua. Ut enim
										and minim veniam quis nostrud exercitation ulllamcn laboris nisiut
										aliquipex commodo sed ipsum consequat.
									</p>
								</div>
								<div class="circle-block clearfix">
									<p class="circle-author">
										<span class="circle-quote-author">Alex hasman</span>
										<br>
										<span class="circle-author-role">customer</span>
									</p>
									<span class="quote-icon"><i class="fa fa-quote-right"></i></span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="b-buttons-holder container">
					<div class="b-primary-buttons clearfix">
						<div class="row">
							<div class="col-sm-12" style="text-align: left !important;">
								<p class="heading-light">Buttons</p>
							</div>
							<div class="col-sm-12">
								<button type="button" class="btn btn-primary-color1 btn-sm">button</button>
								<button type="button" class="btn btn-primary-color1">button</button>
								<button type="button" class="btn btn-primary-color1 btn-lg">button</button>
								<button type="button" class="btn btn-primary-color2 btn-sm">button</button>
								<button type="button" class="btn btn-primary-color2">button</button>
								<button type="button" class="btn btn-primary-color2 btn-lg">button</button>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<button type="button" class="btn btn-default-color1 btn-sm">button</button>
								<button type="button" class="btn btn-default-color1">button</button>
								<button type="button" class="btn btn-default-color1 btn-lg">button</button>
								<button type="button" class="btn btn-default-color2 btn-sm">button</button>
								<button type="button" class="btn btn-default-color2">button</button>
								<button type="button" class="btn btn-default-color2 btn-lg">button</button>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<button type="button" class="btn btn-default-color3 btn-sm">button</button>
								<button type="button" class="btn btn-default-color3">button</button>
								<button type="button" class="btn btn-default-color3 btn-lg">button</button>
								<button type="button" class="btn btn-primary-color3 btn-sm">button</button>
								<button type="button" class="btn btn-primary-color3 btn-default">button</button>
								<button type="button" class="btn btn-primary-color3 btn-lg">button</button>
							</div>
						</div>
					</div>
					<div class="b-label-buttons">
						<div class="row">
							<div class="col-sm-4">
								<button type="button" class="btn btn-label-color2">button</button>
							</div>
							<div class="col-sm-4">
								<button type="button" class="btn btn-label-color3">button</button>
							</div>
							<div class="col-sm-4">
								<button type="button" class="btn btn-label-color1">button</button>
							</div>
						</div>
					</div>
					<div class="b-cart-buttons">
						<div class="row">
							<div class="col-sm-4">
								<button type="button" class="btn btn-cart-color2"><i class="fa fa-shopping-cart fa-lg"></i> button</button>
							</div>
							<div class="col-sm-4">
								<button type="button" class="btn btn-cart-color3"><i class="fa fa-shopping-cart fa-lg"></i> button</button>
							</div>
							<div class="col-sm-4">
								<button type="button" class="btn btn-cart-color1"><i class="fa fa-shopping-cart fa-lg"></i> button</button>
							</div>
						</div>
					</div>
					<div class="b-wish-tags-buttons">
						<div class="row">
							<div class="col-sm-12">
								<div class="add-buttons">
									<button type="button" class="btn btn-add btn-add-wish"><i class="fa fa-heart-o"></i></button>
									<button type="button" class="btn btn-add btn-add-cart"><i class="fa fa-shopping-cart"></i></button>
									<br>
									<button type="button" class="btn btn-add btn-add-wish-color2"><i class="fa fa-heart-o"></i></button>
									<button type="button" class="btn btn-add btn-add-cart-color2"><i class="fa fa-shopping-cart"></i></button>
								</div>
								<div class="tags-buttons">
									<a href="#" class="btn btn-tag active">apple</a>
									<a href="#" class="btn btn-tag">samsung</a>
								</div>
								<div class="cart-add-buttons">
									<button id="add-cart1" type="button" class="btn btn-add-cart-full"><span><i class="fa fa-shopping-cart"></i></span>add to cart</button>
									<button id="add-cart2" type="button" class="btn btn-add-cart-full"><span><i class="fa fa-shopping-cart"></i></span>add to cart</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="b-pagination-holder container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Pagination</p>
						</div>
						<div class="col-sm-9">
							<nav class="pagination-full clearfix">
								<ul class="pagination">
									<li><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li class="disabled"><a href="#">...</a></li>
									<li><a href="#">26</a></li>
								</ul>
								<ul class="pagination pagination-add">
									<li>
										<a href="#" aria-label="Previous">Previous</a>
									</li>
									<li>
										<a href="#" aria-label="Next">Next</a>
									</li>
								</ul>
							</nav>
							<nav class="pull-left">
								<ul class="pagination pagination-mod pagination-color1">
									<li>
										<a href="#" aria-label="Previous">Previous</a>
									</li>
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li>
										<a href="#" aria-label="Next">Next</a>
									</li>
								</ul>
							</nav>
							<nav class="pull-right">
								<ul class="pagination pagination-mod pagination-color2">
									<li>
										<a href="#" aria-label="Previous">Previous</a>
									</li>
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li>
										<a href="#" aria-label="Next">Next</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="b-form-elements container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Form Elements</p>
						</div>
						<div class="col-sm-8">
							<form id="comment-reply-form" class="b-form" method="get" action="#">
								<div class="form-group">
									<div class="row">
										<div class="col-sm-6">
											<input type="text" class="form-control" id="form-first-name" placeholder="First Name">
										</div>
										<div class="col-sm-6">
											<input type="text" class="form-control" id="form-last-name" placeholder="Last Name">
										</div>
										<div class="col-sm-12">
											<input type="text" class="form-control" id="form-subject" placeholder="Subject">
										</div>
										<div class="col-sm-12">
											<input type="tel" class="form-control" id="form-phone" placeholder="Phone">
										</div>
										<div class="col-sm-12">
											<textarea id="form-comment" class="form-control" rows="6" placeholder="Message Details"></textarea>
										</div>
										<div class="col-sm-12">
											<button type="submit" class="btn btn-default">button label</button>
										</div>
									</div>
								</div>
							</form>
						</div>
						<div class="col-sm-4">
							<div class="b-check-radio-holder">
								<form method="get" action="#">
									<div class="form-group">
										<div class="checkbox checkbox-1 f-left">
											<input id="check1" type="checkbox" checked="" value="check1" name="check">
											<label for="check1">Checkbox</label>
										</div>
										<div class="checkbox checkbox-2 f-left">
											<input id="check2" type="checkbox" checked="" value="check2" name="check">
											<label for="check2">Checkbox</label>
										</div>
										<div class="checkbox checkbox-3 f-left">
											<input id="check3" type="checkbox" checked="" value="check3" name="check">
											<label for="check3">Checkbox</label>
										</div>
									</div>
									<div class="form-group">
										<div class="f-left styled-radio">
											<div class="radio radio1">
												<input id="male" name="gender" value="male" checked="" type="radio">
												<label for="male"></label>
											</div>
											<div class="radio radio1">
												<input id="female" name="gender" value="female" type="radio">
												<label for="female"></label>
											</div>
										</div>
										<div class="f-left styled-radio">
											<div class="radio radio2">
												<input id="male2" name="gender2" value="male2" type="radio">
												<label for="male2"></label>
											</div>
											<div class="radio radio2">
												<input id="female2" name="gender2" value="female2" checked="" type="radio">
												<label for="female2"></label>
											</div>
										</div>
										<div class="f-left styled-radio">
											<div class="radio radio3">
												<input id="male3" name="gender3" value="male3" checked="" type="radio">
												<label for="male3"></label>
											</div>
											<div class="radio radio3">
												<input id="female3" name="gender3" value="female3" type="radio">
												<label for="female3"></label>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Alert Messages</p>
						</div>
						<div class="b-alerts-regular col-sm-6">
							<div class="alert alert-normal" role="alert"><span class="ef icon_volume-high_alt"></span>Normal Message!</div>
							<div class="alert alert-warning" role="alert"><span class="ef icon_error-oct_alt"></span>Warning Messages!</div>
							<div class="alert alert-info" role="alert"><span class="ef icon_question_alt2"></span>Information Frequently Asked Questions!</div>
						</div>
						<div class="b-alerts-regular col-sm-6">
							<div class="alert alert-success" role="alert"><span class="ef icon_check_alt2"></span>Success Message!</div>
							<div class="alert alert-useful" role="alert"><span class="ef icon_lightbulb_alt"></span>Useful Information!</div>
							<div class="alert alert-normal-2" role="alert"><span class="ef icon_lifesaver"></span>Normal Message!</div>
						</div>
					</div>
					<div class="row">
						<div class="b-alerts-dismissible col-sm-12">
							<div class="alert normal-dismissible alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<span class="alert-dismissible-title">
									Your Message Title Here
								</span>
								<br>
								<span class="alert-dismissible-description">
									Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia burae
								</span>
							</div>
						</div>
						<div class="b-alerts-dismissible col-sm-12">
							<div class="alert error-dismissible alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<span class="alert-dismissible-title">
									Your Message Title Here
								</span>
								<br>
								<span class="alert-dismissible-description">
									Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia burae
								</span>
							</div>
						</div>
						<div class="b-alerts-dismissible col-sm-12">
							<div class="alert success-dismissible alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<span class="alert-dismissible-title">
									Your Message Title Here
								</span>
								<br>
								<span class="alert-dismissible-description">
									Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia burae
								</span>
							</div>
						</div>
						<div class="b-alerts-dismissible col-sm-12">
							<div class="alert warning-dismissible alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<span class="alert-dismissible-title">
									Your Message Title Here
								</span>
								<br>
								<span class="alert-dismissible-description">
									Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia burae
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Progress Bars</p>
						</div>
						<div class="col-sm-6">
							<div class="progress progress-color2">
								<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
									<span class="sr-only">50% Complete</span>
								</div>
							</div>
							<div class="progress progress-mod progress-color2">
								<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
									<span class="sr-only">50% Complete</span>
								</div>
							</div>
							<div class="progress mod-striped striped-color2">
								<div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
									<span class="sr-only">50% Complete (danger)</span>
								</div>
							</div>
							<div class="progress mod-striped striped-color3">
								<div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
									<span class="sr-only">50% Complete</span>
								</div>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="progress progress-color1">
								<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
									<span class="sr-only">50% Complete</span>
								</div>
							</div>
							<div class="progress progress-mod progress-color1">
								<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
									<span class="sr-only">50% Complete</span>
								</div>
							</div>
							<div class="progress mod-striped striped-color1">
								<div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
									<span class="sr-only">50% Complete (warning)</span>
								</div>
							</div>
							<div class="progress mod-striped striped-color4">
								<div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
									<span class="sr-only">50% Complete (warning)</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="b-hr">
					<hr>
					<hr>
				</div>
				<div class="b-tables-holder container">
					<div class="row">
						<div class="col-sm-12">
							<p class="heading-light">Tables</p>
						</div>
						<div>
							<div class="col-sm-12">
								<div class="b-table table-responsive">
									<table class="table">
										<thead>
											<tr>
												<td>
													<span>#</span>
												</td>
												<td>
													<span>first name</span>
												</td>
												<td>
													<span>last name</span>
												</td>
												<td>
													<span>username</span>
												</td>
												<td>
													<span>Email address</span>
												</td>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													1
												</td>
												<td>
													Mark
												</td>
												<td>
													Otto
												</td>
												<td>
													@mdo
												</td>
												<td>
													mark.otto@mdo.net
												</td>
											</tr>
											<tr>
												<td>
													2
												</td>
												<td>
													Jacob
												</td>
												<td>
													Thrnton
												</td>
												<td>
													@fat
												</td>
												<td>
													jacob.thrnton321@fatbeer.org
												</td>
											</tr>
											<tr>
												<td>
													3
												</td>
												<td>
													Larry
												</td>
												<td>
													the Bird
												</td>
												<td>
													@twitter
												</td>
												<td>
													larry.king.live@twitterhack.com
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="col-sm-12">
								<div class="b-table table-responsive">
									<table class="table table-striped">
										<thead>
											<tr>
												<td>
													<span>#</span>
												</td>
												<td>
													<span>first name</span>
												</td>
												<td>
													<span>last name</span>
												</td>
												<td>
													<span>username</span>
												</td>
												<td>
													<span>Email address</span>
												</td>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													1
												</td>
												<td>
													Mark
												</td>
												<td>
													Otto
												</td>
												<td>
													@mdo
												</td>
												<td>
													mark.otto@mdo.net
												</td>
											</tr>
											<tr>
												<td>
													2
												</td>
												<td>
													Jacob
												</td>
												<td>
													Thrnton
												</td>
												<td>
													@fat
												</td>
												<td>
													jacob.thrnton321@fatbeer.org
												</td>
											</tr>
											<tr>
												<td>
													3
												</td>
												<td>
													Larry
												</td>
												<td>
													the Bird
												</td>
												<td>
													@twitter
												</td>
												<td>
													larry.king.live@twitterhack.com
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="col-sm-12">
								<div class="b-table b-cart-table table-responsive">
									<table class="table">
										<thead>
											<tr>
												<td>
													<span>cart items <span class="counter">(3)</span></span>
												</td>
												<td>
													<span>unit price</span>
												</td>
												<td>
													<span>Quantity</span>
												</td>
												<td>
													<span>sub total</span>
												</td>
												<td>
													<span>Remove</span>
												</td>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													<div class="image">
														<img src="media/cart-products/6s.jpg" class="img-responsive img-thumbnail center-block" alt="6s">
													</div>
													<div class="caption">
														<a class="product-name" href="#">iPhone 6s plus</a>
														<div class="product-options">
															<p class="opt-color">color: <span>rose gold</span></p>
															<p class="availability"><span>In stock</span></p>
														</div>
														<button type="button" class="btn btn-add-wish"><i class="fa fa-heart-o"></i> move to wishlist</button>
													</div>
												</td>
												<td>
													<span class="product-price">$680.00</span>
												</td>
												<td>
													<div class="input-group btn-block qty-block">
														<span class="input-group-btn"><a class="btn btn-primary">-</a></span>
														<input class="form-control" type="text" name="quantity" size="1" value="1" style="width: 55px">
														<span class="input-group-btn"><a class="btn btn-primary">+</a></span>
													</div>
												</td>
												<td>
													<span class="product-price total-price">$680.00</span>
												</td>
												<td class="text-left">
													<button class="btn btn-remove"><i class="fa fa-trash fa-lg"></i></button>
												</td>
											</tr>
											<tr>
												<td>
													<div class="image">
														<img src="media/cart-products/sams.jpg" class="img-responsive img-thumbnail center-block" alt="6s">
													</div>
													<div class="caption">
														<a class="product-name" href="#">iPhone 6s plus</a>
														<div class="product-options">
															<p class="opt-color">color: <span>rose gold</span></p>
															<p class="availability"><span>In stock</span></p>
														</div>
														<button type="button" class="btn btn-add-wish"><i class="fa fa-heart-o"></i> move to wishlist</button>
													</div>
												</td>
												<td>
													<span class="product-price">$680.00</span>
												</td>
												<td>
													<div class="input-group btn-block qty-block">
														<span class="input-group-btn"><a class="btn btn-primary">-</a></span>
														<input class="form-control" type="text" name="quantity" size="1" value="1" style="width: 55px">
														<span class="input-group-btn"><a class="btn btn-primary">+</a></span>
													</div>
												</td>
												<td>
													<span class="product-price total-price">$680.00</span>
												</td>
												<td class="text-left">
													<button class="btn btn-remove"><i class="fa fa-trash fa-lg"></i></button>
												</td>
											</tr>
											<tr>
												<td>
													<div class="image">
														<img src="media/cart-products/huaw.jpg" class="img-responsive img-thumbnail center-block" alt="6s">
													</div>
													<div class="caption">
														<a class="product-name" href="#">iPhone 6s plus</a>
														<div class="product-options">
															<p class="opt-color">color: <span>rose gold</span></p>
															<p class="availability"><span>In stock</span></p>
														</div>
														<button type="button" class="btn btn-add-wish"><i class="fa fa-heart-o"></i> move to wishlist</button>
													</div>
												</td>
												<td>
													<span class="product-price">$680.00</span>
												</td>
												<td>
													<div class="input-group btn-block qty-block">
														<span class="input-group-btn"><a class="btn btn-primary">-</a></span>
														<input class="form-control" type="text" name="quantity" size="1" value="1" style="width: 55px">
														<span class="input-group-btn"><a class="btn btn-primary">+</a></span>
													</div>
												</td>
												<td>
													<span class="product-price total-price">$680.00</span>
												</td>
												<td class="text-left">
													<button class="btn btn-remove"><i class="fa fa-trash fa-lg"></i></button>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<footer class="style-2">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 col-sm-3">
							<div class="b-logo">
								<a href="#">
									<span>iSmile</span>
									<br>
									<span>store</span>
								</a>
							</div>
							<div class="b-footer-contacts wow pulse nimated">
								<div class="footer-contacts-info">
									<p>
										Lorem ipsum dolor sit amet consecteta adipis
										cing elit sed do leusmod tempor incididunt ut
										ard sed ipsum labore dolore.
									</p>
								</div>
								<div class="footer-contacts-list">
									<ul class="list-unstyled">
										<li>
											<i class="fa fa-map-pin fa-fw"></i>
											<span>121 King Street, Melbourne,
												Victoria, 3000 AU</span>
										</li>
										<li>
											<i class="fa fa-phone fa-fw"></i>
											<span>+ 123 456 7890</span>
										</li>
										<li>
											<i class="fa fa-envelope-o fa-fw"></i>
											<span>order@ismilestore.net</span>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-xs-12 col-sm-9">
							<div class="row">
								<div class="b-footer-menu clearfix">
									<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
										<div class="footer-menu-item wow pulse nimated">
											<div class="heading-line">Store links</div>
											<ul class="list-unstyled">
												<li><a href="#">All Brands</a></li>
												<li><a href="#">Latest Smartphones</a></li>
												<li><a href="#">Best Sellers</a></li>
												<li><a href="#">Advertise With us</a></li>
												<li><a href="#">Delivery Information</a></li>
												<li><a href="#">Terms & Conditions</a></li>
												<li><a href="#">Contact us</a></li>
											</ul>
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
										<div class="footer-menu-item wow pulse nimated">
											<div class="heading-line">our Brands</div>
											<ul class="list-unstyled">
												<li><a href="#">Samsung</a></li>
												<li><a href="#">Nokia</a></li>
												<li><a href="#">LG</a></li>
												<li><a href="#">Apple</a></li>
												<li><a href="#">Sony</a></li>
												<li><a href="#">Microsoft</a></li>
											</ul>
										</div>
									</div>
									<div class="clearfix visible-xs-block"></div>
									<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
										<div class="footer-menu-item wow pulse nimated">
											<div class="heading-line">information</div>
											<ul class="list-unstyled">
												<li><a href="#">My Account</a></li>
												<li><a href="#">My Shopping Cart</a></li>
												<li><a href="#">My Wishlist</a></li>
												<li><a href="#">Help Center</a></li>
												<li><a href="#">Returns & Warrenty</a></li>
												<li><a href="#">Order History</a></li>
											</ul>
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
										<div class="b-latest-tweets wow pulse nimated">
											<div class="heading-line">latest tweets</div>
											<div class="tweet-item">
												<p>
													Android in December: Marshmallow is
													on 0.5% of devices, Lollipop reaches
													29.5% <a href="#">http://bit.ly/1PWrFhy</a>
												</p>
											</div>
											<div class="tweet-item">
												<p>
													Apple planning March event for new
													Apple Watch and 4 inch iPhone: Apple
													is planning to hold an ev… <a href="#">http://bit.ly/1TZL7bB</a>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div class="b-footer-subsc">
								<div class="row">
									<div class="col-sm-3">
										<div class="subsc-title wow pulse nimated">
											<p>
												subscribe to latest smartphones
												news & great deals we offer
											</p>
										</div>
									</div>
									<div class="col-sm-9 col-lg-5">
										<div class="subsc-mail wow pulse nimated">
											<form id="mail-footer" class="b-form" method="get" action="#">
												<div class="form-group">
													<div class="row">
														<div class="col-sm-12">
															<input type="text" class="form-control" id="form-mail" placeholder="Enter Your Email Address ...">
															<button type="button" class="btn btn-subsc"><i class="fa fa-envelope-o fa-fw"></i></button>
														</div>
													</div>
												</div>
											</form>
										</div>
									</div>
									<div class="col-sm-12 col-lg-4 clearfix">
										<div class="footer-socials wow pulse nimated">
											<div class="b-socials clearfix">
												<ul class="list-unstyled">
													<li><a href=""><i class="fa fa-twitter fa-fw"></i></a></li>
													<li><a href=""><i class="fa fa-facebook fa-fw"></i></a></li>
													<li><a href=""><i class="fa fa-linkedin fa-fw"></i></a></li>
													<li><a href=""><i class="fa fa-google-plus fa-fw"></i></a></li>
													<li><a href=""><i class="fa fa-pinterest-p fa-fw"></i></a></li>
													<li><a href=""><i class="fa fa-youtube-play fa-fw"></i></a></li>
													<li><a href="#"><i class="fa fa-rss fa-fw"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="b-footer-add">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="clearfix">
									<div class="b-copy pull-left wow fadeInLeft">
										<p>
											Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
										</p>
									</div>
									<div class="b-payments pull-right">
										<ul class="list-unstyled wow fadeInRight">
											<li>
												<img src="media/paycards/1.jpg" class="img-responsive" alt="/">
											</li>
											<li><img src="media/paycards/2.jpg" class="img-responsive" alt="/"></li>
											<li><img src="media/paycards/3.jpg" class="img-responsive" alt="/"></li>
											<li><img src="media/paycards/4.jpg" class="img-responsive" alt="/"></li>
											<li><img src="media/paycards/5.jpg" class="img-responsive" alt="/"></li>
											<li><img src="media/paycards/6.jpg" class="img-responsive" alt="/"></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>

		<script src="js/jquery-1.11.2.min.js"></script>
		<script src="js/bootstrap.min.js"></script>

		<script src="assets/switcher/js/dmss.js"></script>

		<script src="js/jquery-ui.min.js"></script>
		<script src="js/modernizr.custom.js"></script>
		<script src="js/wow.min.js"></script>

		<!--bootstrap-select -->
		<script src="assets/bootstrap-select/bootstrap-select.min.js"></script>

		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

		<!-- Countdown Timer -->
		<script src="assets/countdown/dscountdown.min.js"></script>

		<!--Owl Carousel-->
		<script src="assets/owl-carousel/owl.carousel.min.js"></script>

		<!--bx slider-->
		<script src="assets/bxslider/jquery.bxslider.min.js"></script>

		<!-- slider-pro-master -->
		<script src="assets/slider-pro-master/js/jquery.sliderPro.min.js"></script>

		<script src="assets/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<script src="js/waypoints.min.js"></script>
		<script src="js/jquery.easypiechart.min.js"></script>
		<script src="js/jquery.spinner.min.js"></script>
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/jquery.placeholder.min.js"></script>
		<script src="js/theme.js"></script>

	</body>
</html>
